<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景颜色</title>
	</head>
	<body>
	<h1 class="h1">css 背景颜色</h1>
	<div class="div1">该文本插在div中
	<p id="p1">该段落有自己的背景颜色</p>
	<h2 class="h2">我们同在一个div中</h2>
	</div>
	<style>
		body{
			background-image: url(img/09.jpg);
			
		}
		.h1{
			background-color:blueviolet;
			text-align:center;
		}
		.div1{
			background-color: aqua;
		}
		#p1{
			background-color: red;
		}
		.h2{
			background-color: #FF0000;
		}
		.table1,td{
			border:1px solid #FF0000;
			
		}
		.div11{
			/* border:2px dashed #00FFFF; */
			width: 150px;
			height: 150px;
			border-radius: 1px;
			background-color: white;
			}
			.div22{
				width: 50px;
				height: 50px;
				border: 1px solid red;
				background-color: red;
				
			}
			.div33{
				width: 50px;
				height: 50px;
				border: 1px solid red;
				background-color: red;
				margin-left: 50px;
			}
			.div44{
				width: 50px;
				height: 50px;
				border: 1px solid red;
				background-color: red;
			}
			.div55{
				width: 50px;
				height: 50px;
				border: 1px solid red;
				background-color: red;
				margin-left: 100px;
			}
			.div66{
				width: 50px;
				height: 50px;
				border: 1px solid red;
				background-color: red;
			}
	</style>
	<table class="table1" align="center">
		<thread>
			<tr>
			<td>序号</td>
			<td>班级</td>
			<td>姓名</td>
			</tr>
		</thread>
		<tbody>
			
			<tr>
				<td>1</td>
				<td>软件</td>
				<td>啊s</td>
			</tr>
				<tr>
				<td>2</td>
				<td>硬件</td>
				<td>啊b</td>
			</tr>
			<tr>
				<td>3</td>
				<td>硬软件</td>
				<td>啊v</td>
			</tr>
		</tbody>
	</table>
	<div class="div11">
		<div class="div22">22</div>
		<div class="div33">33</div>
		<div class="div44">44</div>
		<div class="div55">55</div>
		<div class="div66">66</div>
	</div>
</body>
</html>
